<include file="__THEME__/header" />
<include file="__THEME__/page_top" />

<div class="w_970 ov">
	<div class="fl w_720">
    	<h2 class="t_26 c_333 p_t25 p_b10 bold_n">Artist/按照技能分类</h2>
        <h3 class="t_14 p_b10 b_b2 c_999 bold_n">这里汇集了表演、模特、广告、影视等众多偶才华的艺术家们！</h3>
        <volist name="list.data" id="vo">
	         	<div class="artis_xqing b_b">
	        	<div class="fl">
	            	<a href="{$vo.user_info.space_url}" class="fl m_r_20"><img src="{$vo.user_info.avatar_middle}" width="80" height="80" /></a>
	            	<div class="fl">
	                	<p>
	                		<a href="{$vo.user_info.avatar_middle}" class="c_009 t_14">{$vo.user_info.uname}</a>
	                		<php>if($space_user.identity == 1){</php>
		                		<a href="javascript:;" class="icon_vg m_l10 m_r10 v_2 di"></a>
		                	<php>}</php>
	                		<a href="javascript:;" class="icon_xf di v_2"></a>
	                	</p>
	                    <p class="c_666 icon_wzs">{$vo.user_info.location}</p>
	                    <p class="c_ccc l_20">
	                    	&nbsp;{$vo.user_info.user_tag} 
	                    </p>
	                    <div class="">
	                    	<php>if($vo['follow_state'] == '10' || $vo['follow_state'] == '11'){</php>
	                    		<a href="javascript:;" class="icon_jh jh di fl"></a>
	                    	<php>}else{</php>
	                    		<a href="javascript:;" class="icon_jh di fl"></a>
	                    	<php>}</php>
	                        <div class="fl b_r p_r10 m_l10">
	                        	<p class="c_999 artis_xqing_text">{$vo.userData.works_count|default=0}</p>
	                            <p class="c_ccc">展示</p>
	                        </div>
	                        <div class="fl m_l10">
	                        	<p class="c_999 artis_xqing_text">{$vo.userData.follower_count|default=0}</p>
	                            <p class="c_ccc">粉丝</p>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        	<ul class="fr artis_xqing_ul">
	            	<volist name="vo.work_list" id="vi" >
	        			<li><a href="{:U('public/space/detail',array('id'=>$vi['id']))}"><img src="{$vi.cover}" width="105" height="80" /></a></li>
	        		</volist>
	            </ul>
	            <div class="clear"></div>
	            
	        </div>
         </volist>
        <div class="nextPage p_t25 m_b40 tc">
        	{$list.html}
        </div>
    </div>
    <div class="w_220 fr p_t25">
    	<div class="yj b_fff p_q10 artis_yc_top m_b3">
        	<p class="t_14 tc c_666">获取<i class="yj b_f83 c_fff text_i t_12">PRO</i>版 人民币：150/年</p>
            <p class="tc c_999">产品搜索更多，免费试用。</p>
        </div>
    	<div class="artis_ss yj re b_333 p_q15">
    		<form id="location_form" name="ajax_user_form" action="{:U('public/artist/location')}" method="post">
	        	<div class="sj_b ab sj artis_ss_sj"></div>
	            <div class="artis_fro ab"></div>
	            <p class="c_999 p_t10 p_b10">分类</p>
	            <p class="c_fff p_b10">
	            	<input id="hot" name="hot" class="m_r5" type="checkbox" />
	            	<label class="m_r_20">热门</label>
	            	<input id="latest" name="latest" class="m_r5" type="checkbox" />
	            	<label>最新</label>
	            </p>
	            <p class="c_999 p_t10 m_b3">位置</p>
	            <input id="location" name="location" class="bor icon_wz artis_ss_input m_b5 yj" type="text" />
	            <p class="c_999 p_t10 m_b3">标签技能</p>
	            <input id="tag" name="tag" class="bor icon_bq artis_ss_input m_b5 yj"  type="text" />
	            <p class="c_999 m_b15">使用都好分隔多个技能</p>
	            <a class="tc bor di b_fff w_188 c_f06 butass" 
	            	href="javascript:;" onclick="$('#location_form').submit();" >搜 索</a>
            </from>
        </div>
    	<div class="fr w_220 p_t25">
    	<h2 class="t_14 c_666 b_b p_b10 bold_n">什么是高级搜寻？</h2>
        <ol class="ulz_work">
        	<li style="border-bottom:none">
            	<h2 class="bold_n">搜索</h2>
            	<p class="c_999 l_22">位置，技能，可用性和其他标准查找设计师。</p>
            </li>
        	<li style="border-bottom:none">
            	<h2 class="bold_n">专业人才库</h2>
            	<p class="c_999 l_22">成千上万的有才华的设计师挂在Dirbbble的每一天。</p>
            </li>
            <li style="border-bottom:none">
            	<h2 class="bold_n">直接预约</h2>
            	<p class="c_999 l_22">从他们的个人资料，直接联系候选人。</p>
            </li>
        </ol>
    </div>
    </div>
</div>
<script>

$(document).ready(function() { 
    $('#location_form').submit(function(){
    	if($('#location').val().length == 0 && $('#tag').val().length == 0) {
    		ui.error('位置或技能不能同时不能为空');
            return false;
        }
        return true; 
    });
})
</script>
<include file="__THEME__/footer" />
</body>
</html>